МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ "ЛЬВІВСЬКА ПОЛІТЕХНІКА"
ІНСТИТУТ ПІСЛЯДИПЛОМНОЇ ОСВІТИ
КАФЕДРА ПРОГРАМНОГО ЗАБЕЗПЕЧЕННЯ
/
ЗВІТ ДО ЛАБОРАТОРНОЇ РОБОТИ №2 на тему:
"Використанння елементів технології AJAX.
Опис мовою XML"
Мета: Оволодіти технологією Ajax та методами створення сценаріїв взаємодії з сервером.
КОРОТКІ ТЕОРЕТИЧНІ ВІДОМОСТІ
Головним об’єктом Ajax для обміну клієнта з сервером є XMLHttpRequest (IE6 потребує замість нього ActiveXObject ).
В синхронному режимі користувач чекає на нову сторінку, в асинхронному – працює зі сторінкою, фіксуючи в певні моменти оновлення даних на сторінці. Технологія Ajax зменшує потоки даних для трафіку обмін у. Схема взаємодії елементів клієнта та сервера (мова, модель, об’єкти, методи та властивості) позначена на рис. 1.1.
Методи основного об’єкта XMLHttpRequest в AJAX:
abort,
getAllResponseHeaders,
getResponseHeader,
open("GET", url, true) - відкриває з’єднання з сервером,
send(data), send(null) – надсилає запит (з даними або без) на сервер,
setRequestHeader – формує заголовок протоколу запиту,
onreadystatechange – вказує на зміну стану властивоті readyState,
readyState – властивість, що містить статус об’єкта XMLHttpRequest:
responseText - містить текстовий файл, отриманий від сервера,
responseXML - містить XML файл, отриманий від сервера,
status - 200 - успішне завершення, 404 –файл не знайдено,
statusText - текст повідомлення.
Наведемо приклад використання об’єкта XMLHttpRequest, що буде фрагментом обробника певної події
var url=”http://www.xul.ua/somefile.xml';
var ajax = new XMLHttpRequest();
ajax.onreadystatechange = function_A;
ajax.open("GET", url, true);
ajax.send(null);
Поширеною мовою опису даних є XML. Мова XML призначена для опису та зберігання даних ієрархічного типу. Вона використовується для зберігання та обміну форматизованими даними між різними програмними системами:
дані Web-серверів;
дані результатів запитів до серверів баз даних;
дані Web-сервісів;
новини RSS блоків.
мова XHTML є підмножиною XML.
Виконанння роботи:
Умова завдання:
Вибрати тематику веб-сайту.
Засобами AJAX створити програму формування запиту на веб-сайті.
Розробити програму засобами AJAX опрацювання відповіді на веб-сайті.
Розробити програму модифікації вузлів дерева DOM засобами AJAX.
Приклад запиту Ajax XML
Для прикладу створимо форму на нашому локальному сайті test.ua, яка буде слугувати для виконання реєстрації даних користувача та видавати відподь проуспішне отримання даних
XML форма
Форма XML це текстовий опис структурованих даних. Наприклад, ми можемо описати людину за допомогою наступного синтаксису.
<data>
<type>text</type>
<format>XML</format>
<value>Текстовий вміст</value>
</data>
Наведений опис і є XML формат опису даних. XML призначений в першу чергу для для зберігання і перенесення складних даних, наприклад, вмісту баз даних, між програмами і навіть різними платформами.
Реалізація AJAX запиту в XML формі
Нижче представлені рядки для введення, даних з які потім відправляються на сервер. Приклад простенький, але наше завдання, не здивувати своїм умінням, а розповісти побільше про AJAX запит.
Реалізація AJAX запиту в XML формі
/
Вкажіть своє ім'я:
Вкажіть своє прізвище:
Ваш вік:
Відповідь сервера: Дані успішно отримано!!!
Скрипт, який використовується при AJAX XML запиті
<script type="text/javascript">
var human = new Object (); / / в цьому об'єкті будутбь збиратись дані про користувача
var xmlstr = "" ;
var xmlHttp = new XMLHttpRequest ();
var url = " script / php / getXML.php " ;
function sendData ( ) {/ / загальне управління запитом
xmlstr = getData ();
if (! checkInputs ( )) return ;
xmlHttp = createAjax ();
if ( xmlHttp ) {/ / xmlHttp was created
try {
xmlHttp.open ( " POST " , url , true ) ;
xmlHttp.setRequestHeader ( " Content- Type " , " text / xml " ) ;
xmlHttp.setRequestHeader ( "Accept - Charset " , " windows -1251 " ) ;
xmlHttp.onre...